layui.config({
     base: CXL.ctxPath + '/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form'], function(){
	  var form = layui.form;
	  var admin = layui.admin;
	  var table = layui.table;

	  var $ = layui.$;

      var Page = {
                  tableId: 'material-info',
                  url:CXL.ctxPath + '/sys/material/infoList',
                  queryUrl:CXL.ctxPath + '/sys/material/query/id',
                  addUrl:CXL.ctxPath + '/sys/material/addIndex',
                  initColumn:function(){
                      return [[
                            {type:'checkbox',name:'choose',title:'choose',width:'3%'},
                            {type : 'numbers',title : '序号',width:'3%'},
                            {field:'idKey',title:'idKey',hide:true,width:'1%'},
                            {field:'materialName',title:'物料名称',width:'15%'},
                            {field:'materialNo',title:'物料编码',width:'15%'},
                            {title:'操作',width:'15%',toolbar: '#sys-material-tool'}
                      ]];
                  },
              };



      table.render({
        elem:'#' + Page.tableId,
        url:Page.url,
        height:'500px',
        page:true,
        limits:[3,5,7,10,20,30],
        limit:10,
        autoSort:false,
        where: Page.where,
        cols:Page.initColumn()
      });


    Page.resetAction = function (){
        $(".layui-input").val('');
        Page.searchAction();
    };

    Page.searchAction = function (){
        var materialName = $('#materialName').val();
        var materialNo = $('#materialNo').val();
        var param = {materialName:materialName,materialNo:materialNo};
        table.render({
            elem:'#' + Page.tableId,
            url:Page.url,
            height:'500px',
            page:true,
            limits:[3,5,7,10,20,30],
            limit:10,
            autoSort:false,
            where: param,
            cols:Page.initColumn()
        });

    };

      $('#btnSearch').click(function (){
          Page.searchAction();
      });


    $('#btnReset').click(function (){
        Page.resetAction();
    });

      /**
       * 编辑
       */
      Page.openEdit = function (data) {
          layer.open({
              type : 2,
              title : '物料编辑',
              shadeClose : true,
              shade : 0.8,
              area: ['500px', '500px'],
              content : Page.queryUrl + "?id=" + data.idKey,
              btn : [ '确定', '取消' ],
              yes : function(index, layero) {
                   //点击确认触发 iframe 内容中的按钮提交
                  var submit = layero.find('iframe').contents().find("#form-btn-save");
                  submit.click();

                  //刷新表格
                  table.render();
              }
          });
      };


      /**
       * 表头工具栏
       */
      table.on('tool(' + Page.tableId + ')', function(obj){
         //获得当前行数据
        var data = obj.data;
         //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var layEvent = obj.event;

        //编辑操作
        if(layEvent === 'edit'){
          Page.openEdit(data);
        }
      });

      $('#btnAdd').click(function(){
         layer.open({
                  type : 2,
                  title : '物料新增',
                  shadeClose : true,
                  shade : 0.8,
                  area: ['500px', '500px'],
                  content : Page.addUrl,
                  btn : [ '确定', '取消' ],
                  yes : function(index, layero) {
                       //点击确认触发 iframe 内容中的按钮提交
                      var submit = layero.find('iframe').contents().find("#form-btn-save");
                      submit.click();

                      //刷新表格
                      table.render();
                  }
              });

      });


  })